<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="common/layout">
<head>
    <title>Search</title>
</head>
<body>
<div layout:fragment="content">
    <div class="wellsearch well-sm" id="searchfield">
        <div class="col-xs-8 input-group">

            <!-- 简单查询第一组 -->
            <div class="input-group-btn">
                <button data-toggle="dropdown"
                        class="btn btn-sx btn-white dropdown-toggle">
                    <span id="searchthis1">请选择</span>
                    <i class="ace-icon fa fa-angle-down icon-on-right"></i>
                </button>

                <ul class="dropdown-menu">
                    <li>
                        <a href="#" onclick="changethis('','请选择','',1)">
                            清空
                        </a>
                    </li>
                    <li class="divider" style="margin-top:1px;"></li>
                    @for(x in col){
                    <li>
                        <a href="#" onclick="changethis('${x.index!}','${x.name!}','${x.type!}',1)">
                            ${x.name!}
                        </a>
                    </li>
                    @}
                </ul>
            </div>
            <div id="divinput1">
                <input type="text"  id="inputs1" class="form-control" style="margin-left:-3px;"/>
            </div>
            <input type="hidden" id="hides1"/>

            <span class="input-group-btn"></span>

            <!-- 简单查询第二组 -->
            <div class="input-group-btn">
                <button data-toggle="dropdown"
                        class="btn btn-sx btn-white dropdown-toggle">
                    <span id="searchthis2">请选择</span>
                    <i class="ace-icon fa fa-angle-down icon-on-right"></i>
                </button>

                <ul class="dropdown-menu">
                    <li>
                        <a href="#" onclick="changethis('','请选择','',2)">
                            清空
                        </a>
                    </li>
                    <li class="divider" style="margin-top:1px;"></li>
                    @for(x in col){
                    <li>
                        <a href="#" onclick="changethis('${x.index!}_2nd','${x.name!}','${x.type!}',2)">
                            ${x.name!}
                        </a>
                    </li>
                    @}
                </ul>
            </div>
            <div id="divinput2">
                <input type="text"  id="inputs2" class="form-control" style="margin-left:-3px;"/>
            </div>
            <input type="hidden" id="hides2"/>

            <span class="input-group-btn"></span>

            <!-- 简单查询按钮 -->
            <div class="input-group-btn">
                <button class="btn btn-sx btn-white" id="gotoSearch">查询</button>
                <button class="btn btn-sx btn-white" id="gotoReset">重置</button>
            </div>
        </div>

    </div>
</div>
</body>
</html>



